<!doctype html>
<html lang="en" class="no-js" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
<meta charset="UTF-8" />
<title>角色管理</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<!--  thymeleaf 默认从resources 下的 static目录获取 -->
<link rel="stylesheet" th:href="@{bootstrap/css/bootstrap.min.css}" />
<script th:src="@{js/jquery.min.js}"></script>
<script th:src="@{bootstrap/js/bootstrap.min.js}"></script>
<script type="text/javascript">
$(function(){
	$('#add_u_btn').click(function(){
		$('#add_user_div').show();
	});
});
</script>
</head>

<body style="background-color: rgb(244,244,244)">
	<div th:replace="common/menu :: menu"></div>
	<br />
	<br />
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
			    <button id='add_u_btn' type="button" class="btn btn-info btn-default">新增用户</button>
			    <div class="panel panel-info" id='add_user_div' hidden="true">
					<div class="panel-heading">
						<h3 class="panel-title">
							Panel title
						</h3>
					</div>
					<div class="panel-body">
						Panel content
					</div>
			    </div>
			    <br/>
				<form role="form" class="form-inline">
					<div class="form-group">
						<label for="exampleInputPassword1">工号</label> 
						<input type="password" class="form-control" id="exampleInputPassword1" />
					</div>
					<button type="button" class="btn btn-info btn-default">查询</button>
				</form>
				
				<br/>
				
				<table class="table table-bordered">
					<thead>
						<tr>
							<th>工号</th>
							<th>姓名</th>
							<th>性别</th>
							<th>部门</th>
						</tr>
					</thead>
					<tbody>
						<tr class="info">
							<td>037</td>
							<td>chenyang</td>
							<td>男</td>
							<td>信息部</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="row clearfix">
			<div class="col-md-6 column">
			    <label for="exampleInputPassword1">拥有角色</label> 
				<table class="table table-bordered table-condensed">
					<thead>
						<tr>
							<th>角色编号</th>
							<th>角色名称</th>
						</tr>
					</thead>
					<tbody>
						<tr class="success">
							<td>ADMIN</td>
							<td>管理员</td>
						</tr>
						<tr class="info">
							<td>ROLE_ADMIN</td>
							<td>角色管理员</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="col-md-6 column">
			    <label for="exampleInputPassword1">拥有权限</label> 
				<table class="table table-bordered table-condensed">
					<thead>
						<tr>
							<th>权限编号</th>
							<th>描述</th>
						</tr>
					</thead>
					<tbody>
						<tr class="success">
							<td>1</td>
							<td>删除用户</td>
						</tr>
						<tr class="info">
							<td>2</td>
							<td>新增用户</td>
						</tr>
						<tr class="success">
							<td>3</td>
							<td>新增菜单</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>

	<div th:replace="common/footer :: footer"></div>
</body>
</html>